<script setup lang="ts">
import { useRouter } from "vue-router";

const router = useRouter();
</script>

<template>
    <div class="not-found">
        <img
            src="https://www.sucaijishi.com/uploadfile/2015/1215/20151215110434273.gif?imageView2/0/q/100|watermark/2/text/57Sg5p2Q6ZuG5biCIC8gU1VDQUlKSVNISS5DT00=/font/5oCd5rqQ6buR5L2T/fontsize/300/fill/I0ZGRkZGRg==/dissolve/30/gravity/Center/dx/0/dy/0"
            alt=""
        />
        <p>暂未开放</p>
        <button @click="router.replace('/')">点我返回主页</button>
    </div>
</template>

<style scoped lang="scss">
.not-found {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    button {
        color: blue;
    }
}
</style>
